@charset "UTF-8";
body{background-color: #F1F2F3}
/**
 *  ----------------------------------------------------------------------------------------------------
 *  布局相关
 *  ----------------------------------------------------------------------------------------------------
 */
.ddy-row-box{padding:10px 0 0 0}
.ddy-row{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;         /* 主轴的方向，即项目的排列方向 */
    flex-wrap: wrap;             /* 子项换行，第一行在上方 */
    justify-content: flex-start; /* 定义项目在主轴上如何对齐 */
    align-items: flex-start;     /* 定义项目在交叉轴上如何对齐 */
}
.ddy-col-1,.ddy-col-2,.ddy-col-3,.ddy-col-4,.ddy-col-5,.ddy-col-6,.ddy-col-7,.ddy-col-8,.ddy-col-9,.ddy-col-10,.ddy-col-11,.ddy-col-12{
    flex-grow: 0;       /* 放大比例，默认为0，即如果存在剩余空间，也不放大 */
    flex-shrink: 1;     /* 项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。 */
    flex-basis: auto;   /* 定义在分配多余空间之前，项目占据的主轴空间 */
}
.ddy-col-1{width: calc(100%/12)}
.ddy-col-2{width: calc(100%/6)}
.ddy-col-3{width: calc(100%/4)}
.ddy-col-4{width: calc(100%/3)}
.ddy-col-5{width: calc(100%/12*5)}
.ddy-col-6{width: calc(100%/2)}
.ddy-col-7{width: calc(100%/12*7)}
.ddy-col-8{width: calc(100%/12*8)}
.ddy-col-9{width: calc(100%/12*9)}
.ddy-col-10{width: calc(100%/12*10)}
.ddy-col-11{width: calc(100%/12*11)}
.ddy-col-12{width: calc(100%/1)}

.ddy-nav{height: 64px;background-color: #ffffff;}
.ddy-nav-logo{height: 64px;border-style: none;vertical-align: middle;object-fit: cover}
.ddy-nav-bar{}

/* 超小屏幕 手机 */
@media (max-width: 767px){
    .ddy-row{
        width: 100%;
    }
    .ddy-hidden-xs{
        display: none !important;
    }
}
/* 小屏幕 平板 */
@media (min-width: 768px) and (max-width: 991px){
    .ddy-row{
        width: 100%;
    }
}
@media (max-width: 991px){
    .ddy-hidden-sm{
        display: none !important;
    }
    .ddy-col-1,.ddy-col-2,.ddy-col-3,.ddy-col-4,.ddy-col-5,.ddy-col-6,.ddy-col-7,.ddy-col-8,.ddy-col-9,.ddy-col-10,.ddy-col-11,.ddy-col-12{
        width: 100%;
    }
}
/* 中等屏幕 桌面显示器 */
@media (min-width: 992px) and (max-width: 1199px){
    .ddy-row{
        width: 100%;
    }
}
@media (max-width: 1199px){
    .ddy-hidden-md{
        display: none !important;
    }
}
/* 大屏幕 大桌面显示器 */
@media (min-width: 1200px){
    .ddy-hidden-lg{
        display: none !important;
    }
    .ddy-row{
        max-width: 1200px;
    }
}
/**
 *  ----------------------------------------------------------------------------------------------------
 *  辅助类
 *  ----------------------------------------------------------------------------------------------------
 */
.ddy-text-truncated-single{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}